
        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <title>代码对比 - aaa.java</title>
            <style>
                body { font-family: Consolas, monospace; margin: 20px; background: #f4f4f4; }
                .container { max-width: 1400px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
                .header { border-bottom: 2px solid #000; margin-bottom: 20px; }
                .file-info { color: #666; margin-bottom: 10px; }
                .stats { background: #eee; padding: 10px; border-radius: 5px; margin-bottom: 20px; }
                .summary-item { display: inline-block; margin-right: 15px; font-weight: bold; }
                .summary-modified { color: orange; }
                .code-container { display: flex; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
                .code-panel { flex: 1; padding: 15px; font-size: 14px; line-height: 1.5; background: #f9f9f9; }
                .code-panel:before { content: "aaa.java (BEFORE)"; font-weight: bold; background: #ddd; padding: 5px 10px; margin: -15px -15px 10px -15px; display: block; font-size: 13px; }
                .code-panel:last-child:before { content: "aaa.java (AFTER)"; }
                .line { display: flex; border-bottom: 1px solid #ddd; }
                .line:last-child { border-bottom: none; }
                .line-number { color: #888; width: 40px; text-align: right; padding-right: 10px; font-size: 12px; user-select: none; }
                .line-content { flex: 1; white-space: pre-wrap; }
                .line-modified { background-color: #f0f0f0; }
                .export-md { margin-top: 10px; }
                .export-md a { color: blue; text-decoration: underline; }
            </style>
        </head>
        <body>
            <div class="container">
                <div class="header">
                    <h1>代码对比报告</h1>
                    <div class="file-info">文件: aaa.java</div>
                    <div class="file-info">对比时间: 2025-09-08 00:19:05</div>
                </div>

                <div class="stats">
                    <div class="summary-item summary-modified">修改: 1 行（字符级 diff）</div>
                </div>

                <div class="code-container">
                    <div class="code-panel">
                        <div class="line line-modified"><span class="line-number">1</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">111</span><span style="background-color: #ccffcc;">000</span></span></div><div class="line line-modified"><span class="line-number">2</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">222</span><span style="background-color: #ccffcc;">111</span></span></div><div class="line line-modified"><span class="line-number">3</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">333</span><span style="background-color: #ccffcc;">222</span></span></div>
                    </div>
                    <div class="code-panel">
                        <div class="line line-modified"><span class="line-number">1</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">111</span><span style="background-color: #ccffcc;">000</span></span></div><div class="line line-modified"><span class="line-number">2</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">222</span><span style="background-color: #ccffcc;">111</span></span></div><div class="line line-modified"><span class="line-number">3</span><span class="line-content"><span style="background-color: #ffcccc; text-decoration: line-through;">333</span><span style="background-color: #ccffcc;">222</span></span></div>
                    </div>
                </div>

                <div class="export-md">
                    <a href="#" onclick="alert('Markdown 导出功能开发中...'); return false;">📄 导出为 Markdown</a>
                </div>
            </div>
        </body>
        </html>
        